import { StyleSheet } from 'react-native';
import { phonePx } from '../../../../../../util/adapt';
import { CLASS_ROOM_RIGHT_SCALE } from '../../../../constant';

export default StyleSheet.create({
  container: {
    position: 'absolute',
    bottom: 0,
    left: 0,
    minHeight: phonePx(46) * CLASS_ROOM_RIGHT_SCALE
  },
  content: {
    height: phonePx(234) * CLASS_ROOM_RIGHT_SCALE,
    width: phonePx(152) * CLASS_ROOM_RIGHT_SCALE,
    alignItems: 'center',
    justifyContent: 'center',
    borderRadius: phonePx(4) * CLASS_ROOM_RIGHT_SCALE,
    overflow: 'hidden'
  },
  speakContent: {
    position: 'absolute',
    bottom: 0,
    left: 0,
    width: phonePx(152) * CLASS_ROOM_RIGHT_SCALE,
    height: phonePx(46) * CLASS_ROOM_RIGHT_SCALE,
    backgroundColor: '#EDEEF4',
    alignItems: 'center',
    justifyContent: 'center'
  },
  send: {
    position: 'absolute',
    bottom: 0,
    left: 0,
    width: phonePx(152) * CLASS_ROOM_RIGHT_SCALE,
    alignItems: 'center',
    justifyContent: 'center'
  },
  record: {
    width: phonePx(10) * CLASS_ROOM_RIGHT_SCALE,
    height: phonePx(14) * CLASS_ROOM_RIGHT_SCALE,
    marginBottom: phonePx(13) * CLASS_ROOM_RIGHT_SCALE
  },
  cannelRecord: {
    marginBottom: phonePx(19) * CLASS_ROOM_RIGHT_SCALE
  },
  cancelSend: {
    bottom: -phonePx(6) * CLASS_ROOM_RIGHT_SCALE
  },
  ripple: {
    position: 'absolute',
    bottom: phonePx(145) * CLASS_ROOM_RIGHT_SCALE
  },
  statusContent: {
    position: 'absolute',
    bottom: phonePx(75) * CLASS_ROOM_RIGHT_SCALE,
    alignItems: 'center',
    justifyContent: 'center'
  },
  cannelStatus: {
    width: phonePx(40) * CLASS_ROOM_RIGHT_SCALE,
    height: phonePx(40) * CLASS_ROOM_RIGHT_SCALE
  },
  sendStatus: {
    width: phonePx(34) * CLASS_ROOM_RIGHT_SCALE,
    height: phonePx(34) * CLASS_ROOM_RIGHT_SCALE
  },
  sendDesc: {
    position: 'absolute',
    bottom: phonePx(49) * CLASS_ROOM_RIGHT_SCALE,
    color: '#D8D8D8',
    fontSize: phonePx(10) * CLASS_ROOM_RIGHT_SCALE,
    lineHeight: phonePx(14) * CLASS_ROOM_RIGHT_SCALE,
    fontWeight: '500'
  },
  cannelDesc: {
    position: 'absolute',
    bottom: phonePx(123) * CLASS_ROOM_RIGHT_SCALE,
    color: '#D8D8D8',
    fontSize: phonePx(10) * CLASS_ROOM_RIGHT_SCALE,
    lineHeight: phonePx(14) * CLASS_ROOM_RIGHT_SCALE,
    fontWeight: '500'
  },
  speak: {
    width: phonePx(136) * CLASS_ROOM_RIGHT_SCALE,
    height: phonePx(30) * CLASS_ROOM_RIGHT_SCALE,
    backgroundColor: '#ffffff',
    borderRadius: phonePx(4) * CLASS_ROOM_RIGHT_SCALE,
    alignItems: 'center',
    justifyContent: 'center'
  },
  desc: {
    color: '#2A2A2A',
    fontSize: phonePx(10) * CLASS_ROOM_RIGHT_SCALE,
    fontWeight: '500'
  },
  hold: {
    opacity: 0.7
  },
  vodSpeak: {
    backgroundColor: '#E0E0E4'
  },
  vodDesc: {
    color: '#A3AAB6'
  }
});
